@charset "utf-8";

html{overflow:hidden;width:100%;height:100%;margin:0px;border:none;padding:0px;}
body{position:relative;overflow:auto;width:100%;height:100%;margin:0px;border:none;padding:0px;/*background-color:#444444;*/}

/* 调试用面板组件样式(手机环境下使用) */
.wui-PaneDebug{position:absolute;overflow:hidden;left:0px;bottom:10px;width:390px;height:300px;z-index:100;font-size:20px;font-family:"文泉驿微米黑";color:white;background-color:black;}
.wui-PaneDebug .toolbar{height:40px;margin:0px;padding:0px;}
.wui-PaneDebug .toolbar .button{list-style:none;float:left;margin-right:2px;width:60px;height:35px;font-size:20px;line-height:35px;text-align:center;border:1px solid gray;cursor:pointer;border-radius:5px;}
.wui-PaneDebug .toolbar .button.right{float:right;margin-left:2px;margin-right:0px;}
.wui-PaneDebug .page-log{position:relative;height:260px;}
.wui-PaneDebug .page-log .scroller{min-height:260px;}
.wui-PaneDebug .page-log .row{/*white-space:nowrap;*/margin-bottom:1px;font-size:12px;color:#33D011;background-color:#181818;}
.wui-PaneDebug .page-log .row .in{color:lightgreen}
.wui-PaneDebug .page-log .row .out{color:#888888}
.wui-PaneDebug .page-log .row .sys{color:#00B400}
.wui-PaneDebug .page-log .row .warn{color:#800000}
.wui-PaneDebug .page-log .row .err{color:#FF0000}
.wui-PaneDebug .page-log .row .dbg{color:gray}
.wui-PaneDebug .page-log .row .log{color:#00B400;/*#808040font-style:italic;*/}
.wui-PaneDebug .page-history{overflow:auto;height:260px;border:1px solid gray;}
.wui-PaneDebug .page-history textarea{float:left;width:100px;height:90%;}
.wui-PaneDebug .page-history .panel{float:left;}
.wui-PaneDebug .page-table{overflow:auto;height:260px;border:1px solid gray;}
.wui-PaneDebug .page-list{overflow:auto;height:260px;border:1px solid gray;}
.wui-PaneDebug ul{margin:0px;padding:0px;}

/* 工作区组件(模拟整个屏幕区域) */
.wui-Workspace{position:relative;overflow:hidden;margin:0 auto;width:480px;/*height:704px;*//*background:#000;*/}

/* homeshell主面板组件 */
.wui-PaneShell{position:relative;overflow:hidden;width:480px;height:800px;margin:0 auto;background:#000 url(../images/homeshell/screen-bg.png);}
.wui-PaneShell .status-bar{position:absolute;z-index:2;width:480px;height:40px;background:url(../images/homeshell/status-bar1.png);}
.wui-PaneShell .app-workspace{position:relative;overflow:hidden;z-index:1;left:0px;top:31px;width:480px;height:729px;/*background:url(../images/homeshell/main-bg1.png) no-repeat 0 0;*/}
.wui-PaneShell .dialogue-bar{position:absolute;z-index:2;left:0px;bottom:0px;width:480px;height:87px;background-image:url(../images/homeshell/dialogue-bar1.png);}

.wui-PaneCap{position:absolute;z-index:2;left:0px;bottom:0px;width:480px;height:360px;background:url(../images/homeshell/pane-cap0.png);}
.wui-PaneCap .btn-close{display:block;margin:18px auto 0px;width:58px;height:39px;background:url(../images/homeshell/app-pane-close.png);}
.wui-PaneCap .tip{height:23px;line-height:23px;margin-top:7px;font-size:18px;font-weight:normal;color:white;text-align:center;text-shadow:0px 1px 1px black;}
.wui-PaneCap .app-thumbs{position:relative;overflow:hidden;}
.wui-PaneCap .app-thumbs ul{position:relative;overflow:hidden;height:auto;width:970px;left:-265px;padding:8px 12px 0px 20px;}
.wui-PaneCap .app-thumbs li{position:relative;float:left;width:130px;margin-right:10px/*23px*/;}
.wui-PaneCap .app-thumbs li.last{margin-right:0px;}
.wui-PaneCap .app-thumbs li .box{height:178px;border:1px solid #B9AAA6;border-radius:8px;background:url(../images/homeshell/thumb-bg.png) -104px 0px;}
.wui-PaneCap .app-thumbs li .box div{height:174px;border:2px solid black;border-radius:7px;}
.wui-PaneCap .app-thumbs li a{position:absolute;top:-8px;right:-8px;width:42px;height:42px;background:url(../images/homeshell/app-remove.png);}
.wui-PaneCap .app-thumbs li label{display:block;margin-top:3px;color:white;font-size:18px;font-weight:normal;text-align:center;text-shadow:0px 1px 1px black;}
.wui-PaneCap .app-icons{position:relative;overflow:hidden;}
.wui-PaneCap .app-icons .icons{position:relative;overflow:hidden;width:242px;height:34px;margin:10px auto 17px auto;}
.wui-PaneCap .app-icons .bg{position:absolute;z-index:1;left:64px;height:32px;width:102px;background:black;border:1px solid white;border-radius:16px;opacity:0.4;}
.wui-PaneCap .app-icons ul{overflow:hidden;height:auto;width:232px;z-index:2;margin:3px auto;}
.wui-PaneCap .app-icons li{float:left;width:28px;height:28px;margin-right:6px;}
.wui-PaneCap .app-icons li.last{margin-right:0px;}

.wui-AppBox{position:absolute;border:1px solid #FFFFFF;/*background-color:gray;opacity:0.5;*/z-index:100;border-radius:8px;box-shadow:0px 0px 13px rgba(0, 0, 0, 16);}
.wui-AppBox div{height:100%;border:3px solid #FF7800;border-radius:8px;}

.wui-PaneApp{text-shadow:0px 1px 1px #ffffff;font-family:"文泉驿微米黑";color:#554f44;font-size:20px;font-weight:700;-webkit-text-size-adjust:none;}
.wui-PaneApp input:focus{outline:none;}
.wui-PaneApp *{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* 模态蒙板 */
.wui-ModalPanel{position:absolute;}
.wui-ModalPanel iframe{width:100%;height:100%;}
.wui-ModalPanel div{position:absolute;left:0px;top:0px;background-color:#000000;}

.wui-DeckPage{position:relative;overflow:hidden;z-index:1;width:480px;height:740px;}

.wui-Page{position:absolute;}

/* 统计表格组件 */
.wui-Table{width:330px;height:180px;border-left:1px solid red;border-bottom:1px solid red;}
.wui-Table .col{position:relative;float:left;border-right:1px solid gray;}
.wui-Table .col .n{position:absolute;left:0px;height:1px;}
/*
.wui-Table .col .n.a{z-index:1;background-color:red;}
.wui-Table .col .n.b{z-index:2;background-color:blue;}
.wui-Table .col .n.c{z-index:3;background-color:green;}
*/

.wui-TipBox{position:absolute;height:52px;min-width:228px;max-width:424px;z-index:10;border:1px solid #a6a6a6;background-color:rgba(255,255,255,0.7);border-radius:12px;-webkit-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.3);-webkit-transition-property:opacity;-webkit-transition-duration:250ms;}
.wui-TipBox .content{height:42px;line-height:42px;margin:4px;border:1px solid #333;padding:0px 20px;font-size:24px;text-align:center;color:white;background-color:#3f3f3f;white-space:nowrap;border-radius:6px;text-shadow:0px 1px 0px black;}

/*ul*/.mui-TreeView{position:relative;overflow:auto;margin:0px;/*border:1px solid gray;background-color:#EEEEEE;*/padding:2px;}
.mui-TreeView ul{margin:0px;padding-left:16px;background-image:url("../images/win2k_tree_line0.gif");background-position:left 0px;background-repeat:repeat-y;}
.mui-TreeView li{list-style:none;/*overflow:auto;*/height:auto !important;height:16px;font:12px 宋体;line-height:16px;white-space:nowrap;}
.mui-TreeView li img{width:16px;height:16px;vertical-align:bottom !important;vertical-align:middle;/*margin-right:3px;*/}
.mui-TreeView li span.icon16{float:left;display:block;width:16px;height:16px;vertical-align:bottom !important;vertical-align:middle;/*margin-right:3px;*/}
.mui-TreeView li input    {height:12px;margin:-1px 0px -1px 0px;line-height:12px;font:12px 宋体;color:#000000;border:1px solid #000000;vertical-align:middle;}
.mui-TreeView li label    {height:16px;padding:1px;line-height:14px;color:#000000;}
.mui-TreeView li a:link   {text-decoration:none;color:#000000;}
.mui-TreeView li a:visited{text-decoration:none;color:#000000;}
.mui-TreeView li a:hover  {text-decoration:none;color:#0000FF;}
.mui-TreeView li a:active {text-decoration:none;color:#FFFFFF;background-color:#0A246A;}
.mui-TreeView .DragRect{position:absolute;height:16px;padding:1px;line-height:14px;color:#000000;z-index:10;border:1px solid gray;background-color:#DDDDDD;}

/**
 * 可滚动视图组件
 */
/*
.scrollview{position:absolute;overflow:hidden;margin:0 auto;width:240px;height:800px;background-color:#EEEEEE;}
.scrollview .scroller{position:absolute;display:block;-webkit-transform:translate3d(0px, -216px, 0px);min-height:290px;width:100%;background-color:#DDDDDD;}
.scrollview .scroller p{height:50px;line-height:50px;}
*/
.scrollview{/*position:relative;*/overflow:hidden;}
.scrollview .scroller{position:relative;}
.scrollview .scrollbar{position:absolute;z-index:10;-webkit-transition-property:opacity;-webkit-transition-duration:250ms;-webkit-border-radius:4px;/*opacity:0;*/width:3px;top:0px;right:2px;background-color:rgba(0, 0, 0, 0.597656);border:1px solid rgba(255, 255, 255, 0.199219);}
/* 组件样式 */
.ui-scrollbar{position:absolute;z-index:10;-webkit-transition-property:opacity;-webkit-transition-duration:250ms;-webkit-border-radius:4px;/*opacity:0;*/width:4px;right:2px;height:52px;background-color:rgba(0, 0, 0, 0.597656);border:1px solid rgba(255, 255, 255, 0.199219);}

/* caf-button */
.caf-button{position:relative;height:auto;background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.6)), to(rgba(200,200,200,0.5)));padding:12px 16px;margin:10px;-webkit-border-radius:10px;color:white;text-shadow:0 0 4px black ;font-size:24px;-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.3);text-align:center;}
.caf-button:active{background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.1)), to(rgba(212,212,212,0.1)));-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.5) inset;}
.warning{background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(210,23,23,0.6)), to(rgba(157,0,0,.6)));-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.5);}
.guild{background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(84,218,37,0.6)), to(rgba(51,148,17,.6)));-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.5);}

/* caf-toolsbar */
.caf-toolsbar{position:relative;width:100%;height:65px;margin:15px 0;background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.1)), to(rgba(200,200,200,0.1)));border-radius:10px;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.5);text-align:center;}
.caf-toolsbar .title{position:absolute;text-shadow:0 0 4px black;font-size:36px;color:white;text-align:center;top:0;left:0;width:100%;top:15px;}
.caf-toolsbar .caf-button{margin:8px 8px;}

/* caf-tab */
.caf-tabbar{position:absolute;top:15px;width:460px;height:65px;background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.1)), to(rgba(200,200,200,0.1)));border-radius:10px;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.5);text-align:center;}
.caf-tabpanel .caf-tabbutton{margin:8px 0px 8px 0;border-radius:0px;}
.caf-tabpanel .caf-tabbutton:first-child{border-radius:20px 0 0 20px;margin:8px 1px 8px 8px;}
.caf-tabpanel .caf-tabbutton:last-child{border-radius:0 20px 20px 0 }
.caf-tabpanel .caf-tabbutton.on{background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.1)), to(rgba(212,212,212,0.1)));}
.caf-tabpanel .caf-tabcontent{position:absolute;top:90px;width:460px;}

/* caf-form */
.caf-form-checkbox{position:relative;width:100%;height:65px;background:url(../images/checkbox.png) no-repeat 90% 0 ;opacity:.8;}
.caf-form-checkbox-act{position:relative;width:100%;height:65px;background:url(../images/checkbox_act.png) no-repeat 90% 0 ;opacity:.8;}
.caf-form-inputarea{position:relative;width:100%;height:55px;background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,1)), to(rgba(230,230,230,1)));-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.7) inset;border-radius:12px;}
.caf-form-inputarea input{font-size:22px;position:relative;width:100%;height:100%;background:none;border:none;padding:0 0 0 15px;}

/* caf-messagebox */
.caf-messagebox{position:absolute;width:100%;height:100%;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:99;}
.caf-messagebox .mbox{position:absolute;overflow:hidden;width:350px;height:auto;margin:0px auto;top:30%;background:#e7eaeb;border-radius:12px;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.8);}
.caf-messagebox .title{position:absolute;overflow:hidden;padding-left:10px;font-size:22px;text-align:left;width:340px;height:52px;color:#5a5a5a;z-index:2;line-height:40px;/*border-radius:12px 12px 0 0;-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.5);*/}
.caf-messagebox .message{position:relative;overflow:hidden;text-align:center;font-size:20px;width:290px;height:auto;margin-top:40px;background:white;z-index:3;padding:50px 30px 90px 30px;line-height:30px;border-radius:12px;/*-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.5);*/}
.caf-messagebox .message p{line-height:35px;}
.caf-messagebox .mes-button{position:relative;border:none;outline:none;bottom:-50px;left:0px;height:auto;background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.6)), to(rgba(200,200,200,0.5)));padding:12px 16px ;margin:10px;-webkit-border-radius:10px;color:white;text-shadow:0 0 4px black ;font-size:24px;-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.3);text-align:center;z-index:3;}
.caf-messagebox .mes-button:active{background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.1)), to(rgba(212,212,212,0.1)));-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.5) inset;}
.caf-messagebox .mes-button.orange{background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,114,0,1)), to(rgba(228,91,0,1)));}

/* caf-dialoguebox */
.caf-dialoguebox{position:absolute;width:100%;height:100%;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:99;}
.caf-dialoguebox .mbox{position:absolute;overflow:hidden;width:350px;height:auto;margin:0px auto;top:30%;background:#e7eaeb;border-radius:12px;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.8);}
.caf-dialoguebox .title{position:absolute;overflow:hidden;padding-left:10px;font-size:22px;text-align:left;width:340px;height:150px;color:#5a5a5a;z-index:2;line-height:40px;/*border-radius:12px 12px 0 0;-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.5);*/}
.caf-dialoguebox .message{position:relative;overflow:hidden;text-align:center;font-size:20px;width:290px;height:auto;margin-top:40px;background:white;z-index:3;padding:50px 30px 90px 30px;line-height:30px;border-radius:12px;/*-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.5);*/}
.caf-dialoguebox .message p{line-height:35px;}
.caf-dialoguebox .mes-button{position:relative;border:none;outline:none;bottom:-50px;left:0px;height:auto;background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.6)), to(rgba(200,200,200,0.5)));padding:12px 16px;margin:10px;-webkit-border-radius:10px;color:white;text-shadow:0 0 4px black ;font-size:24px;-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.3);text-align:center;z-index:3;}
.caf-dialoguebox .mes-button:active{background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.1)), to(rgba(212,212,212,0.1)));-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.5) inset;}
.caf-dialoguebox .sure-btn{left:-20px;}
.caf-dialoguebox .cancel-btn{left:20px;}

/* caf-map-distance*/
.caf-map-distance-icon{z-index:10000;overflow:hidden;position:absolute;bottom:25px;left:9px;width:20px;height:20px;background-image:url(../images/map-distance-icon.png);cursor:pointer;}
	.caf-map-distance-stepicon{position:relative;top:-10px;left:-10px;overflow:hidden;width:18px;height:18px;background-color:#000;background:-webkit-radial-gradient(30% 30%, #ffffff, #ff3300);cursor:pointer;-webkit-border-radius:9px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);}
		.caf-map-distance-stepicon.starticon{background:-webkit-radial-gradient(30% 30%, #ffffff, #00FA9A);}
		.caf-map-distance-stepicon.endicon{background:-webkit-radial-gradient(30% 30%, #ffffff, #0033ee);}
.caf-map-msgbox{z-index:10000;position:absolute;bottom:60px;padding:10px 16px;background-color:rgba(51,51,51,.9);border:2px solid rgba(85,85,85,.9);color:#ffffff;-webkit-border-radius:8px;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.5);}